doctype html
html(lang=lang, dir=isRTL ? 'rtl' : 'ltr', class='is-desktop' + ( isFluidWidth ? ' is-fluid-width' : '' ))
	head
		title WordPress.com
		meta(charset='utf-8')
		meta(http-equiv='X-UA-Compatible' content='IE=Edge')
		meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1')
		meta(name='format-detection', content='telephone=no')
		meta(name='mobile-web-app-capable', content='yes')
		link(rel='shortcut icon', type='image/vnd.microsoft.icon', href=faviconURL, sizes='16x16 32x32 48x48')
		link(rel='shortcut icon', type='image/x-icon', href=faviconURL, sizes='16x16')
		link(rel='icon', type='image/x-icon', href=faviconURL, sizes='16x16')
		link(rel='profile', href='http://gmpg.org/xfn/11')
		link(rel='stylesheet', href='https://s1.wp.com/i/fonts/merriweather/merriweather.css?v=20160210')
		link(rel='stylesheet', href='https://s1.wp.com/i/noticons/noticons.css?v=20150727')
		link(rel='stylesheet', href='https://s1.wp.com/wp-includes/css/dashicons.css?v=20150727')
		if isRTL
			link(rel='stylesheet', href=urls['style-rtl.css'])
		else
			if 'development' === env || isDebug
				link(rel='stylesheet', href=urls['style-debug.css'])
			else
				link(rel='stylesheet', href=urls['style.css'])

		if config
			script(type='text/javascript')!= config
		link(rel='stylesheet', href='/desktop/wordpress-desktop.css')
		script(src='/calypso/build.js')
		script(src='/desktop/desktop-app.js')

	body(class=isRTL ? 'rtl' : '')
		#wpcom.wpcom-site
			.layout
				.masterbar
				.layout__content
					.wpcom-site__logo.noticon.noticon-wordpress
					if hasSecondary
						.layout__secondary
						ul.sidebar
		if badge
			div.environment-badge
				a(class='bug-report', href=feedbackURL, title='Report an issue', target='_blank')
				span(class=['environment', 'is-' + badge])=badge
		if app
			script(type='text/javascript')!='var app = ' + sanitize.jsonStringifyForHtml( app )
		if i18nLocaleScript
			script(src=i18nLocaleScript)

		script.
			startApp();
